<template>
  <div>
    <div class="fixd-head">
      <layheade>
        <span class="head-title" slot="head-title">发布管理</span>
        <van-icon
          name="records"
          slot="submit"
          class="modifier"
          @click="$router.push({path:'addIssue'})"
        />
      </layheade>
    </div>
    <van-tabs v-model="active" :sticky="true" :offset-top="58">
      <van-tab v-for="index in tabList" :title="index" :key="index">
        <issueList></issueList>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import layheade from "../components/layheade";
import issueList from "../components/issueList";
export default {
  name: "isue",
  components: { layheade, issueList },
  data() {
    return {
      active: 0,
      tabList: ["租赁", "人才", "设备", "生产厂", "电商", "服务机构"]
    };
  },
  methods: {}
};
</script>

<style lang="less" scoped>
.modifier {
  float: right;
  margin-left: 227px;
  font-size: 16px;
  color: #fff;
}
.fixd-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.van-tab__pane {
  margin-top: 60px;
}
.van-sticky--fixed {
  top: 60px !important;
}
</style>